
<!--https://www.cnblogs.com/jin-zhe/p/9985436.html-->

<template>
  <section>
    <div ref="hello">
      <h1>Hello World ~</h1>
    </div>
<!--    <el-button type="danger" @click="get">点击</el-button>-->
<!--    <button type="button" @click="get">点击</button>-->
    <a-button type="primary">AAAAA</a-button>
  </section>
</template>
<script>
export default {
  methods: {
    get() {
    }
  },
  mounted() {
    console.log(333);
    console.log(this.$refs['hello']);
    this.$nextTick(() => {
      console.log(444);
      console.log(this.$refs['hello']);
    });
  },
  created() {
    console.log(111);
    console.log(this.$refs['hello']);
    this.$nextTick(() => {
      console.log(222);
      console.log(this.$refs['hello']);
    });
  }
}
</script>



